<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="{{ asset('/js/jquery-2.1.4.min.js') }}"></script>
    <script type="text/javascript"src="{{ asset('/addons/layer/layer.js')}}"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak={{$baidukey}}"></script>
    <link href="{{ asset('/css/company/comdetails.css') }}" rel="stylesheet" type="text/css">
    <title>{{$company->name}}</title>
</head>
<body>
<div class="big-map-div">
    <div id="big-allmap"></div>
    <input type="hidden" name="longitude" id="longitude" value="{{$company->longitude}}">
    <input type="hidden" name="latitude" id="latitude" value="{{$company->latitude}}">
</div>
<script type="text/javascript">
    $(function(){
        cmap();
    });
    function cmap(){
        var longitude = $("#longitude").val();
        var latitude = $("#latitude").val();
        var map = new BMap.Map("big-allmap"); // 创建Map实例
        var sContent = '<div style="margin:0;line-height:20px;padding:10px 5px;">' +
            '<h4 style="margin:0 0 5px 0;padding:5px">{{$company->name}}</h4>' +
            '<img src="{{$company->logo}}" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
            '地址：{{$company->area_name}}{{$company->address}}<br/>电话：{{$company->phone}}<br/>线路：{{str_limit($company->bus_route, 40)}}' +
            '</div>';
        var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
        if( longitude != 0 && latitude != 0){
            map.clearOverlays();
            var new_point = new BMap.Point(longitude,latitude);
            map.centerAndZoom(new_point, 18);      // 初始化地图,设置中心点坐标和地图级别
            var marker = new BMap.Marker(new_point);  // 创建标注
            map.addOverlay(marker);              // 将标注添加到地图中
            marker.addEventListener("click", function(){
                this.openInfoWindow(infoWindow);
                //图片加载完毕重绘infowindow
                document.getElementById('imgDemo').onload = function (){
                    infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
                }
            });
        }else{
            // 创建地址解析器实例
            var myGeo = new BMap.Geocoder();
            // 将地址解析结果显示在地图上,并调整地图视野
            myGeo.getPoint("{{$company->area_name}}{{$company->address}}", function(point){
                if (point) {
                    map.centerAndZoom(point, 18);
                    var marker = new BMap.Marker(point);  // 创建标注
                    map.addOverlay(marker);              // 将标注添加到地图中
                    marker.addEventListener("click", function(){
                        this.openInfoWindow(infoWindow);
                        //图片加载完毕重绘infowindow
                        document.getElementById('imgDemo').onload = function (){
                            infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
                        }
                    });
                }else{
//                    alert("您选择地址没有解析到结果!");
                    layer.open({
                        title: '提示',
                        content: '您选择地址没有解析到结果!'
                    });
                }
            }, "");
        }
    }
</script>
</body>
</html>